class Render {
    constructor() {}
    
    init(item) {
        return this.renderGoodsDetails(item);
    }
    
    renderGoodsDetails(item) {
        let html = `<div class="center-left l">
                        <div class="container">
                            <div class="small-img">
                                <img src="${item.thumb_url}" alt="">
                                <div class="cube" style="background-image: url(${item.thumb_url})"></div>
                            </div>
                            <div class="big-img">
                                <img src="${item.thumb_url}" alt="">
                            </div>
                            <div class="img-btn">
                                <div class="img-box active">
                                    <img src="${item.thumb_url}" alt="">
                                </div>
                                <div class="img-box">
                                    <img src="${item.thumb_url}" alt="">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="center-right l">
                        <h1>${item.goods_name}</h1>
                        <p></p>
                        <h5>颜色</h5>
                        <div class="colorone">芳纶纤维</div>
                        <div class="colortwo">尼龙</div>
                        <h3>¥${(item.group_price/100).toFixed(2)}</h3>
                    </div>`;
        return html;
    }
}
export default new Render();